<template>
	<view class="p-32 wrap">
		<view class="list">
			<view class="left">
				<image src="../../../static/images/message.png"></image>
				<view>
					<text class="text1">张填方</text><br />
					<text class="text2">在职</text>
				</view>

			</view>
		</view>
		<view class="bg-color" style="border-radius: 8rpx;">
			<u-cell title="手机号" value="18201576882">

			</u-cell>
			<u-cell title="邮箱" value="18201576882@163.com">

			</u-cell>
			<u-cell title="员工ID" value="18201576">

			</u-cell>
			<u-cell title="员工编号" value="18201576">

			</u-cell>
			<u-cell title="加入时间" value="2022/21/12" :border="false">
			</u-cell>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				indexList: [],
				src: 'https://cdn.uviewui.com/uview/album/1.jpg'

			}
		},
		onLoad() {

		},
		methods: {

		},
	}
</script>

<style scoped lang="scss">
	.list {
		background: #fff;
		display: flex;
		justify-content: space-between;
		border-bottom: 2rpx solid #F6F6F6;
		margin-top: 24rpx;
		background: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0.6) 100%);
		border-radius: 8rpx;
		margin-bottom: 24rpx;
		padding: 24rpx 32rpx;

		.left {
			display: flex;

			image {
				width: 120rpx;
				height:120rpx;
				margin-right: 26rpx;
				border-radius: 60rpx;
			}

			.text1 {
				font-size: 28rpx;
				font-weight: 500;
				margin-top: 14rpx;
				display: inline-block;
				font-family: PingFangSC-Medium, PingFang SC;
			}

			.text2 {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0, 0, 0, 0.4);
				line-height: 28rpx;
				margin-top: 12rpx;
			}
		}
	}
</style>